<ion-header>
    <ion-navbar>
      <ion-title>设置固定尺寸</ion-title>
      
      <div class="tool">
        <!-- <span class="cancel" (click)="goback()">取消</span> -->
        <button ion-button clear class="cancel" (click)="goback()">取消</button>
      </div>
      
    </ion-navbar>
  </ion-header>
  
<ion-content>
    <div class="edit-1">
        <img id="bg-pic-1">
    </div>
    <div class="pop-setSize">
        <div class="sizes">
            <ul>
            <li *ngFor="let s of sizes; let i=index"  (click)="onChooseSize(i)">
                <span>{{s.w}}(宽)x{{s.h}}(高)</span>
                <img [src]="s.checked ? 'assets/imgs/xuanzhong1.png' : 'assets/imgs/xuanzhong.png'">
            </li>
            </ul>
        </div>
        <div class="custom-size" (click)="onChoosedCustomeSize()">
            <p>自定义</p>
            <div class="w-h">
            <div class="w">
                <input #w type="number" placeholder="0" (keyup)="onKeyW(w.value)"><span>X</span>
                <!-- <input  type="number" placeholder="0" [(ngModel)]="customSize.w"><span>X</span> -->
                
            </div>
            <div class="h">
                <input #h type="number" placeholder="0" (keyup)="onKeyH(h.value)"><span></span>
                <!-- <input  type="number" placeholder="0" [(ngModel)]="customSize.h"><span></span> -->
                
            </div>
            </div>
            <img [src]="customSize.checked ? 'assets/imgs/xuanzhong1.png' : 'assets/imgs/xuanzhong.png'">
        </div>
        <!-- <div class="ok-setSize" (click)="onShowSetSize()">预览图片</div> -->
        <button ion-button round class="ok-setSize" (click)="onShowSetSize()">预览图片</button>
    </div>
</ion-content>


